/*	鏈珯閫氱敤	*/
#top{ position: relative;}
	#top .top{ position: absolute; z-index: 3; left: 0;top: 0; width: 100%; background: rgba(255,255,255,0.7);}
	#top .top .wrap{ padding: 20px 0; position: relative;}
		#top .lang{ position: absolute; top: 0;}
		#top .lang{ right: 0;}
	#top nav{ height: 60px; line-height: 60px;}
	#top nav a{ display: inline-block; padding: 0 20px; font-size: 16px;}
	#ads .slideBox .hd ul li{ background:#184f97;}
		#ads .slideBox .hd ul li.on{ background: #f60}
footer{ background: #222; padding: 10px 0; color: #ccc; text-align: center;}
	footer a{ color: #999; text-decoration: none;}
	footer a:hover{ color: #fff;}
/*	鏈珯棣栭〉	*/
#about{ background: #9cb8dd;}
#about .wrap{background: url(../images/con_di.jpg) center center no-repeat; position: relative; height: 455px; overflow: hidden;}
	#about .slideTxtBox .hd{ float: left;width: 520px;}
		#about .hd li{ display: block; background: url(../images/ico.png) -479px 0 no-repeat; font-size: 16px; position: absolute;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
			#about .hd li a{ display: block;width: 100px; height: 50px; padding: 50px 35px; color: #01277c; text-decoration: none;}
			#about.en .hd li a{ height: 100px; padding: 25px 35px; text-align: center;}
			#about .hd .c1{ left: 46px; top: 43px;}
			#about .hd .c2{ left: 380px; top: 43px;}
			#about .hd .c3{ left: 46px; top: 278px;}
			#about .hd .c4{ left: 380px; top: 278px;}
			#about .hd li.on{ background-position: -293px 0;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
	#about .slideTxtBox .bd{ float: right; width: 580px; height: 405px; margin-top: 30px;}
		#about .bd ul{ display: table;}
			#about .bd .c1{ background: url(../images/di1_n1.png) center center no-repeat;}
			#about .bd .c2{ background: url(../images/di4.png) center center no-repeat;}
			#about .bd .c3{ background: url(../images/di1.png) center center no-repeat;}
			#about .bd .c4{ background: url(../images/di3.png) center center no-repeat;}
		#about .bd li{ display: table-cell; vertical-align: middle; width: 580px; height: 405px;}
		#about .bd li div{ color: #000; width: 430px; margin: auto;}
			#about .bd li div a{ display: inline-block; background: rgba(255,102,0,.7); color: #fff; padding: 2px 10px; border-radius: 3px; margin-left: 3px; text-decoration: none;}
			#about .bd li div a:hover{ background:rgba(255,102,0,1);}
#video,#news{ padding: 60px 0;}
#news{ width: 700px;}
	#news .header{ height: 50px; line-height: 50px; border-bottom: 1px solid #184f97; color: #184f97; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
		#news .header a{ font-size: 14px; color: #184f97; float: right; font-weight: normal;}
	#news li{ background: #f2f2f2; height: 65px; margin-bottom: 16px;}
		#news li:hover{ background: #fff;}
			#news li:hover .lft{background: rgba(24,79,151,0.3);-ms- transition:all 0.5s ease;-o- transition:all 0.5s ease;-moz- transition:all 0.5s ease;-webkit- transition:all 0.5s ease; transition:all 0.5s ease;}
		#news li .lft{ width: 65px; height: 65px; background: rgba(24,79,151,1); color: #fff; text-align: center;-ms- transition:all 0.5s ease;-o- transition:all 0.5s ease;-moz- transition:all 0.5s ease;-webkit- transition:all 0.5s ease; transition:all 0.5s ease;}
			#news li .lft span{ display: block; font-size: 30px; padding: 10px 0 5px;}
		#news li .rgt{ width: 615px; padding-right: 10px;}
			#news li .rgt h3{ font-size: 14px;}
			#news li .rgt h3 a{ display: block;color: #184f97; padding: 8px 0 6px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
			#news li .rgt p{ margin: 0; padding: 0; color: #999; font-size: 12px; line-height: 1.2em;}
			#news li .rgt p a{ color: #f60;}
/*	鍏朵粬椤甸潰	*/
#cont{ padding: 60px 0;}
	#cont aside{ width: 250px;}
		#cont aside .header{ font-size: 24px; margin-bottom: 20px;}
		#cont aside ul{border-top: 1px dashed #ddd;}
		#cont aside li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #ddd;}
		#cont aside li a{ display: block; padding-left: 10px; text-decoration: none; -ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
		#cont aside li a:hover{ background: #fff; padding-left: 30px; -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-mz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
		#cont .link{ background: #fff; margin-top: 30px; border:1px solid #ddd;border-bottom: 0;}
		#cont .link div{ padding: 10px; background: #ddd; font-size: 18px; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
			#cont .link:hover div{ background: #184f97; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; color: #fff;}
		#cont .link a{ display: block; height: 45px; line-height: 45px; padding:0 10px; border-bottom: 1px solid #ddd; text-decoration: none; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
			#cont .en a{ font-size: 12px;}
			#cont .link a:hover{ background: #f9f9f9; padding-left:20px;-ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; }
	#cont .rgt{ width: 900px;}
		#cont h1{ font-size: 24px; font-weight: normal; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; text-align: center;}
		article p{ text-indent: 2em; line-height: 2em; font-size: 16px;}
		#cont p.desc{ text-align: center; color: #666; margin-bottom: 20px;}
			#cont p.desc span{ color: #bbb;}
			#cont p.desc a{ color: #06b;}
			#cont p.desc a:hover,article .links a:hover{text-decoration: underline;}
		article img{ display: block; margin: 12px auto;}
		article .links{ margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px; color: #999;}

		#cont .alist li{ height: 50px; line-height: 50px; border-bottom: 1px dotted #ddd;}
			#cont .alist li:hover{ background: #fff;}
			#cont .alist a{ display: block; width: 790px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left; padding-left: 10px; text-decoration: none;}
				#cont .alist a:hover{ color: #184f97;}
			#cont .alist time{ float: right; color: #aaa; margin-right: 10px;}
		#cont .plist li{ width: 360px; height: 325px; overflow: hidden; float: left; margin: 2% 5%; cursor: pointer; position: relative;}
			#cont .plist li div{ overflow: hidden; height: 280px; background: #000;}
			#cont .plist li img{ display: block; width: 100%; height: 100%; -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
			#cont .plist li:hover img{ opacity: 0.2;-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1); transform:scale(1.1); -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
			#cont .plist li:hover i{ top: 70px; -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; opacity: 1;}
			#cont .plist li:hover p{ top:130px; -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; opacity: 1;}
			#cont .plist h3{ text-align: center; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; background: #eee; padding: 10px;}
			#cont .plist p,#cont .plist i{ position: absolute; width: 90%; left: 5%; text-align: center; color: rgba(255,255,255,0.7); -ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease; opacity: 0;}
			#cont .plist i{ top: -100px;}
			#cont .plist p{ bottom: -150px; height: 40px; line-height: 40px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; color: #ccc;}
#pshow{ width: 100%; height: 100%;overflow: hidden; background:url(../images/ajax-loaderdark.gif) center center no-repeat rgba(0,0,0,0.95); position: fixed; left:0; top: 100%; z-index: 990;}
	#pshow h1{ text-align: center; color: #eee; font-size: 18px; padding: 20px 0; font-weight: normal; text-indent: -100px;}
	#pshow p{ text-align: center;; color: #ccc; margin: 0; padding:0 0 20px; border-bottom: 1px solid #555; margin-bottom: 20px;}
	#pshow .show{ width: 1100px; overflow: hidden; text-align: center;}
		#pshow .show img{ max-width: 1100px;}
	#pshow .slide{ width: 80px; padding-left: 20px;}
		#pshow .slide a{ display: block; background: url(../images/share.png) no-repeat;}
		#pshow .slide .close{ width: 61px; height: 61px; background-position: 0 -137px;}
		#pshow .slide .btn{ width: 30px; height: 90px; margin-bottom: 2px; margin-left: 15px;}
			#pshow .slide .btn:hover{ background-color: #d7474a;}
		#pshow .slide .prev{ background-position: -24px -208px; margin-top: 40px; }
		#pshow .slide .next{background-position: -24px -302px; margin-bottom: 40px;}
		#pshow #share{ padding-left: 20px; width: 26px; overflow: hidden;}
		#pshow #share a{ width: 26px; height: 26px; margin-bottom: 6px; border-radius: 50%;}
		#pshow #share .bds_qzone{ background-position: 0 0;}
			#pshow #share .bds_qzone:hover{background-position: -27px 0;}
		#pshow #share .bds_tqq{ background-position: 0 -26px;}
			#pshow #share .bds_tqq:hover{ background-position: -27px -26px;}
		#pshow #share .bds_tieba{ background-position: 0 -52px;}
			#pshow #share .bds_tieba:hover{ background-position: -27px -52px;}
		#pshow #share .bds_tsina{ background-position: 0 -78px;}
			#pshow #share .bds_tsina:hover{ background-position: -27px -78px;}
		#pshow #share .bds_weixin{ background-position: 0 -104px;}
			#pshow #share .bds_weixin:hover{ background-position: -27px -104px;}
	#cont .part{ width: 400px; float: left; margin: 10px; padding: 14px; border:1px solid #eee; background: #fff; transition:all 0.5s ease; }
		#cont .part:hover{box-shadow: 0 0 8px rgba(0,0,0,0.3); transition:all 0.5s ease;}
		#cont .part h2{ font-weight: normal; font-size: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
		#cont .part li{ height: 36px; line-height: 36px; border-bottom: 1px dotted #eee; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
		#cont .part li i{ color: #bbb; margin-right: 6px;}
@media screen and (max-width:1152px) {
	#top nav a{ padding: 0 5px;}
	footer figure{ padding: 5px; margin-left: 10px;;}
	footer .lft{ width: 450px;}
	#about .wrap{background-position: -15px 0;}
	#about .hd .c1{ left: 0; top: 43px;}
	#about .hd .c2{ left: 300px; top: 43px;}
	#about .hd .c3{ left: 0; top: 278px;}
	#about .hd .c4{ left: 300px; top: 278px;}
	#video,#news{ padding: 15px 0;}
	#news{ width: 505px;}
	#news li .rgt{ width: 415px;}
	#news li .rgt h3 a{ padding: 4px 0;}
	#cont .alist a{ width: 620px; }
	#cont .rgt{ width: 730px;}
	#cont .plist li{ width: 320px; height: 285px; margin: 2% 15px;}
	#cont .plist li div{ overflow: hidden; height: 250px; background: #000;}
	#cont .plist h3{ padding:0 10px; line-height: 35px; height: 35px;}
	#pshow .show{ width: 900px;}
	#pshow .show img{ max-width:900px;}
	#cont .part{ width: 315px;}
	#cont .part h2{ font-size: 16px;}
}